@CHARSET "UTF-8";

/* 首页分类 */
#category {
	float: left;
}
#category dl {
	height: 30px;
	line-height: 30px;
}
#category dt { 
	margin: 0;
	float: left; /* 使子类可以和父类同行 */
}
#category dt a {
	color: #37A;
}
#category li {
	float: left; /* 使所有子类同行 */
	margin: 0 10px;
}
/* 首页分类end */

/* 分类列表页面 */
.category {
	width: 630px;
	padding-right: 20px; /*为了使article中的内容不挨着竖分隔线*/
	margin-right: 19px;
	border-right: 1px solid #D1EBEF;
	float: left;
}
.category li {
	clear: both;
	margin: 10px 0;
}
.achievement {
	height:30px;
	float: left;
	padding: 10px;
	background-color: #ececec;
	border-radius: 5px;
	margin-right: 10px;
	width: 30px;
	text-align: center;
	vertical-align: middle;
}
.achievement div {
	margin-bottom: 5px;
}
.category .title {
	padding-left: 20px;
	border-bottom: 1px solid #D1EBEF;
}
.category .title a {
	color: #1199FF;
	font-weight: bold;
	font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
}
.category .title a:HOVER {
	color: #fff;
}
.category .summary {
	color: #999;
	font-size: 14px;
}
/* 分类列表页面end */

/* 文章页面 */
.article {
	float: left;
	width: 630px;
	padding-right: 20px; /*为了使article中的内容不挨着竖分隔线*/
	margin-right: 19px;
	border-right: 1px solid #D1EBEF;
}
.article .navigator {
	font-size: 14px;
	color: #999
}
.article h2{
	text-align: center;
	font-weight: Tahoma, Arial, STXihei, "华文细黑", SimSun, "宋体";
}
.article .summary {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-bottom: 20px;
	margin-top: -10px;
	border-bottom: 1px solid #D1EBEF;
}
.article .summary a {
	color: #2c90cb;
}
.article .summary a:HOVER {
	color: #fff;
	background-color:#2c90cb; 
}
.article .content {
	border-bottom: 1px solid #D1EBEF;
}
.article .collection {
	padding:10px 0;
	text-align: right;
	border-bottom: 1px solid #D1EBEF;
}
.article .collection #is-collected {
	background-color: #eeeeee;
	border: 1px solid #d4d4d4;
	padding: 5px 10px;
	text-shadow: 0 1px 1px white;
	color: #888;
	border-radius: 5px;
	height: 35px;
	line-height: 35px;
	width: 88px;
	text-align: center;
	margin-right: 20px;
}
.article .collection #collect-val {
	display: inline-block;
}
.article .collection .collection-num {
	color: red;
	font-weight: bold;
}
.comments li{
	margin-bottom: 10px; /* 每条评论之间的间隔，可考虑用横线隔开 */
	border-bottom: 1px dashed #ccc;
	padding-bottom: 5px;
}
.comments .avatar {
	margin: 0 10px 0 0; /* 与作者、内容等保持间距 */
	float: left;
}
.comments .avatar img {
	width: 50px;
	height: 50px;
}
.comment-summary {
	color: #888;
}
.comment-summary-action {
	float: right;
}
.comment-content {
	margin-left: 60px; /* 使评论不环绕头像 */
	background-color: #eee;
	border-radius: 5px;
	padding: 5px;
	color: #444444;
}

.user-comment textarea {
	width: 100%;
	height: 100px;
	display: block;
}
.user-comment input {
	margin-top: 20px;
	width: 100%;
	cursor: pointer;
	padding: 5px 0;
}


/* 文章页面end */

/* 用户页面 */
.user-zone {
	width: 630px;
	padding-right: 20px; /*为了使article中的内容不挨着竖分隔线*/
	margin-right: 19px;
	border-right: 1px solid #D1EBEF;
	float: left;
}

/* 用于user的通用头格式 */
.user-head{
	font-weight: bold;
	font-size: 16px;
	color: #1E90FF;
	padding: 5px 10px;
	border-bottom: 3px solid #1E90FF;	
	margin-bottom: 5px;
}
.user-head a{
	float: right;
}

.user-info {
}
.user-action {
	width: 500px;
	float: right;
}
.user-info .user-self {
	text-align: center;	
}
.user-info .user-self img {
	width: 100px;
	height: 100px;
}
.user-info .user-self h3 {
	line-height: 0px;
}
.user-info .user-self li {
	width: 630px;
	height: 24px;
	line-height: 24px;
	font-size: 12px;
	text-align:left;
}
.user-info .user-self li label{
	width: 300px;
	text-align: right;
	color: #888;
	margin-right: 10px;
}
.user-info .user-self .user-relate {
	padding:10px;
	text-align: center;
}
.user-info .user-self .user-relate input{
	border: 1px solid #d4d4d4;
	height: 32px;
	line-height: 32px;
	padding: 0px 25.6px;
	font-weight: 300;
	font-size: 14px;
	color: #666666;
	text-shadow: 0 1px 1px white;
	cursor: pointer;
}
.user-info .user-self .user-relate input:HOVER{
	background-color: #eeeeee;
	color: #bbbbbb;	
}

.user-info .user-mail {
	padding: 10px;
}
.user-info .user-mail h3 {
	float: left;
	line-height: 10px;
}
.user-info .user-mail div {
	line-height: 40px;
	float: right;
}
.user-info .user-mail table {
	clear: both;
}
.user-info .user-fan {
	padding: 10px;
}
.user-info .user-fan h3 {
	float: left;
	line-height: 10px;
}
.user-info .user-fan div {
	line-height: 40px;
	float: right;
}
.user-info .user-fan table {
	width: 100%;
	text-align: center;
	clear: both;
}
.user-info .user-fan img {
	width: 50px;
	height: 50px;
}

/* user-action */
.user-action div {
	padding: 10px;
}

.user-article {
	margin-top: 20px;
}
.user-article ul {
	clear: both;
}
/* user-action end */

.user-zone-comment {
	clear: both;
	margin-top: 40px;
}

.user-zone-comment-content {
	background-color: #eee;
	color: #444;
	padding: 0 10px;
	height: 40px;
	border-radius: 5px;
}
.user-zone-comment-info {
	text-align: right;
	border-bottom: 1px dashed #D1EBEF;
}
/* 用户页面end */